<!--
 * @Author: lsjweiyi 759209794@qq.com
 * @Date: 2024-03-31 21:01:27
 * @LastEditors: lsjweiyi 759209794@qq.com
 * @LastEditTime: 2024-04-20 17:25:33
 * @FilePath: \web-ssg\pages\home\suggest.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="title">{{ homeItem.name }}</div>
    <n-card size="huge" header-style="font-size: 30px;">
        <n-h2>如果您有以下需求，可添加客服微信详聊：</n-h2>
        <n-li>批量任务</n-li>
        <n-li>bug反馈</n-li>
        <n-li>申请退款</n-li>
        <n-li>咨询建议</n-li>
        <n-li>业务定制</n-li>
        <n-li>其他细节</n-li>
    </n-card>
</template>
<script setup lang="ts">
const homeItem = getHomeMenuItem("suggest");
useHead({
    title: homeItem.name,
});
</script>
<style scoped>
.title::after {
    content: '反馈建议';
    position: absolute;
    left: 0;
    color: black;
    transform: translate(130px, 6px) scaleX(1) scaleY(0.5) skew(50deg);
    z-index: -1;
    filter: blur(1px);
    mask: linear-gradient(transparent, black);
}
</style>